<template>
	<view>
		<view style="position: fixed; width:70vw; z-index: 1000; bottom: 30rpx;left: 50%; margin-left:-35vw">
			<fui-button height="80rpx" radius="50rpx">开通使用</fui-button>
		</view>
		<fui-panel :panelData="panelData" :radius="20"></fui-panel>
		<view style="background:#FFF; margin-top:0rpx; padding:10px;">
			<view style="display:flex;">
				<view style="width:20vw; text-align:center;padding: 20rpx">
					<text style="font-size:50rpx;font-weight:400;">3548</text><br>
					<text style="font-size: 20rpx; color:#999">开通使用量</text>
				</view>
				<view style="width:20vw; text-align:center;padding: 20rpx">
					<text style="font-size:50rpx;font-weight:400;">380</text><br>
					<text style="font-size: 20rpx; color:#999">盈利指数</text>
				</view>
				<view style="width:20vw; text-align:center;padding: 20rpx">
					<text style="font-size:50rpx;font-weight:400;">49</text><br>
					<text style="font-size: 20rpx; color:#999">新增客户量</text>
				</view>
				<view style="width:20vw; text-align:center;padding: 20rpx;">
					<view style="border-left:1rpx solid #f0f0f0; padding-left:30rpx">
						<text style="font-size:50rpx;font-weight:400;color:#FF6600">60</text><br>
						<text style="font-size: 20rpx; color:#000">综合评分</text>
					</view>
				</view>
			</view>
		</view>
		<fui-tabs :tabs="tabs" :short="true"></fui-tabs>
		<scroll-view scroll-y style="height: 720rpx;">
			<view style="padding: 30rpx">
				<fui-parse-group @preview="preview" @atap="atap">
					<fui-parse :nodes="html"></fui-parse>
				</fui-parse-group>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				panelData: {
					src: '/static/fistui/img_logo.png',
					title: '易网通',
					desc: '易网通，是一款五合一多端网站生成系统。'
				},
				tabs: [
					'介绍',
					'服务',
					'评价'
				],
				html: '介绍'
			};
		},
		methods: {
			preview(e) {
				console.log(e)
			},
			atap(e) {
				console.log(e)
			}
		}
	}
</script>

<style lang="scss">

</style>
